<!DOCTYPE html>
<html style="font-size: 16px">
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
  fieldset {
      margin-top: 0.5em;
  }
</style>

<script src="resources/autosizingTest.js"></script>

</head>
<body>

<div>
    This paragraph should be autosized to 40px computed font-size (16 * 800/320),
    whereas the input text fields should be rendered at their default font size and
    the accompanying text below should remain 16px.
</div>

<div>
    <fieldset>
        <legend>Not autosized title</legend>
        <input type="email" name="email" id="email" value="noautosize@aol.com"> <label for="email">Not autosized email</label>
        <br>
        <input type="radio" name="radio" id="radio"> <label for="radio">Not autosized radio</label>
    </fieldset>
</div>
<div>
    <fieldset>
        <input type="text" name="text" id="text" value="not autosized text">
    </fieldset>
</div>
<div>
    <fieldset>
        <legend>Not autosized title</legend>
        This text should not be autosized.
    </fieldset>
</div>
<div>
    <fieldset>
        <textarea>This text should not be autosized.</textarea>
    </fieldset>
</div>
<div>
    This text should be autosized.
</div>

</body>
</html>
